<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>olympics</title>
    <link rel="stylesheet" type="text/css" href="../css/bracket.css">
</head>

<body>
    <div class="pic">
        <div class="col begin">
            <div class="match">
                <div class="container top">
                    法国
                </div>
                <div class="container bottom">
                    <strong>巴西</strong>
                </div>
            </div>
            <div class="match">
                <div class="container top">
                    <strong>西班牙</strong>
                </div>
                <div class="container bottom">
                    哥伦比亚
                </div>
            </div>
            <div class="match">
                <div class="container top">
                    <strong>美国</strong>
                </div>
                <div class="container bottom">
                    日本
                </div>
            </div>
            <div class="match">
                <div class="container top">
                    加拿大
                </div>
                <div class="container bottom">
                    <strong>德国</strong>
                </div>
            </div>
        </div>

        <div class="col semi">
            <div class="match">
                <div class="container top">
                    <strong>巴西</strong>
                </div>
                <div class="container bottom">
                    西班牙
                </div>
            </div>
            <div class="match">
                <div class="container top">
                    <strong>美国</strong>
                </div>
                <div class="container bottom">
                    德国
                </div>
            </div>
        </div>

        <div class="col final">
            <div class="match">
                <div class="container top">
                    巴西
                </div>
                <div class="container bottom">
                    <strong>美国</strong>
                </div>
            </div>
        </div>

        <div class="col begin final">
            <div class="match">
                <div class="container top">
                    西班牙
                </div>
                <div class="container bottom">
                    <strong>德国</strong>
                </div>
            </div>
        </div>
    </div>
</body>

</html>